<?php
echo Bootstrap::metadata("utf-8", "width=device-width, initial-scale=1", "$keywords", "$description");
echo Bootstrap::stylesheet("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css");
echo Bootstrap::stylesheet(APPLICATION_HOSTNAME."/css/navbar-fixed-top.css");
echo <<<HTML
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

HTML;
echo Bootstrap::stylesheet(APPLICATION_HOSTNAME."/css/navbar-fixed-top.css");
echo Bootstrap::javascript("//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js");
echo Bootstrap::javascript("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js");

?>
<style type="text/css" >
        .thumbnail-group .thumbnail{
        position: relative;
        margin: 0 auto;
        display: table;
    }
    .thumbnail-group .caption{
        position: absolute;
        display:block;
        bottom:0px;
        margin:0px auto;
        background-color:rgba(0,0,0,0.5);
        font-weight: bold;
        color:white;
        width:94%;
        min-height:40px;
        max-height:40px;
        text-overflow: ellipsis;
        overflow:hidden;
        white-space: nowrap;
        z-index: 1;
    }
</style>